.navbar{
    border-bottom: 1px solid #e7e7e7;
}
.form-inline{

}
.btn{
    margin-right: 5px;
}
.bd-example{
    text-align: center;
    padding-top: 121px;
    border-bottom: 1px solid #e7e7e7;
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: slategray;
    border:1px solid slategray;
}
.call a{
    font-size: 24px;
    font-weight: bold;
}
.piao{
    margin-bottom: 50px;
}
.home img{
    width: 100%;
}
.main-1{
    border-bottom: 1px solid #e7e7e7;
}
.main-1 .container{
    position: relative;
}
.main-1 .container img{
    width: 100%;
}
.main-1 .position-absolute{
    right: 0;
}
@media (max-width: 540px) {
    .bd-example {
        padding-top: 80px;
    }
    .main-1 .position-absolute {
        position: relative !important;
        text-align: center !important;
    }
}
.main-2{
    border-bottom: 1px solid #e7e7e7;
}
.main-3{
    margin-top: 45px;
}

.main-3 h3{
    color: #00adee;
    font-weight: bold;
}
.main-3 h4{
    padding: 13px 0;
    background: -webkit-linear-gradient(left,#03a1dc,#00d0f0);
    margin-bottom: 30px;
    color: white;
}
.main-3 .con{
    border: 1px solid #cccccc;
    margin-bottom: 30px;
}
.main-3 .con p{
    margin-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
     padding-top: 15px;
    height: 160px;
}
.main-4{
    border: 1px solid #e7e7e7;
}
.main-4 h5{
    color: #00adee;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.main-4 img{
    margin-top: 40px;
    margin-bottom: 20px;
}
.main-4 h2{
    text-align: center;
}
.main-4 .row{
    text-align: center;
    margin-bottom: 10px;
}
.main-4 .btn{
    margin-bottom: 30px;
}
.footer{
    margin-top: 20px;
    background: #f5f5f5;
    color: #333333;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
}
.footer .col-md-5 p{
    margin-bottom: 0;
    line-height: 26px;
}
.footer ul a{
    color: #333333;
}